/* pages/cart/index.wxss */
page{
    padding-bottom: 90rpx; /* 和底部工具条浮动的高度一致*/
  }
.reciev_address_row{
    
    .address_btn{
        padding: 20rpx;
        button{
            width: 60%;
        }
    }
    .address_info_row{
        display: flex;
        padding: 20rpx;
        .address_info{
            flex: 5;
        }
        .address_phone{
            flex:3;
            text-align: right;
        }
    }  

}
.cart_content {
    display: flex;
    flex-direction: column;
    .cart_title {
        font-size: 32rpx;
        padding: 20rpx;
        font-weight: 600;
        color: var(--themeColor);
        border-bottom: 2rpx solid currentColor;
        border-top: 2rpx solid currentColor;
  
    }
  
   
    .cart_main {
        display: flex;
        flex-direction: column;
     .cart_item {
        
         display: flex;
         padding: 10rpx;
         border-bottom: 1rpx solid #ccc;
         
        .cart_chk_wrap {
            flex: 1;
            display: flex; /* 盒子模型 子元素才可以水平居中，垂直居中 */
            justify-content: center;
            align-items: center;
          checkbox-group {
            
            checkbox {
  
            }
          }
        }
  
       .cart_img_warp {
         flex: 2;
         display: flex; /* 盒子模型 子元素才可以水平居中，垂直居中 */
         justify-content: center;
         align-items: center;
          image {
            width:80%; /* 1.让图片的高度自适应，宽度等于60%*/
  
          }
        }
  
        .cart_info_wrap {
            flex: 4;
            display: flex; /* 盒子模型 子元素才可以水平居中，垂直居中 */
            flex-direction: column;
            justify-content: space-around;
            
          .goods_name {
            color: #666;
            padding: 0 10rpx;
            /* 以下四行实现文字两行超出部分。。。 */
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient:vertical;
            -webkit-line-clamp: 2; /* 第二行显示点点点*/
  
          }
  
          .goods_price_wrap {
            display: flex;
            justify-content: space-between; /*主轴两端对齐 */
            .goods_price {
                color: var(--themeColor);
                font-size: 32rpx;
  
            }
  
            .goods_num_wrap {
                display: flex;
                justify-content: space-between; /*主轴两端对齐 */
              .goods_num_editor {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 55rpx;
                  height: 55rpx;
                  border: 1px solid #666;
                  
  
              }
  
              .goods_num {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 55rpx;
                height: 55rpx;
               
  
              }
            }
          }
        }
      }
    }
  }

  .footer_tools {
      /* 固定在最底部  */
      position: fixed; /* 固定定位*/
      bottom: 0; 
      left: 0;
      width: 100%; /*固定定位必须指定宽度 */
      height: 90rpx;
      background-color: #fff;
      border-top: 1rpx solid #ccc;
    display: flex;
    .check_all {
        flex:2;
        display: flex; /* 盒子模型 子元素才可以水平居中，垂直居中 */
        justify-content: center;
        align-items: center;
      checkbox-group {
        checkbox {
  
        }
      }
    }
  
    .total_price_wrap {
        flex:5;
        text-align: right; /*文字右对齐 */
        padding-right: 15rpx;
      .total_price {
        text.total_price_text {
            color: var(--themeColor);
            font-size: 34rpx;
  
        }
        .total_yunfei{
            font-size: 9rpx;
        }
      }
  
      view {
  
      }
    }
  
    .order_pay_wrap {
        flex: 3;
        background-color:  #eb4450;
      color: #fff;
      font-size: 30rpx;
      font-weight: 600;
      display: flex; /* 盒子模型 子元素才可以水平居中，垂直居中 */
      justify-content: center;
      align-items: center;
  
    }
  }